<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>修改订单</title>
    <link rel="stylesheet" href="./js/jquery-weui.css">
    <link rel="stylesheet" href="./js/weui.min.css">
    <style>
        *{margin: 0;padding: 0;}
        body,.orderBox{background: white;}
        /*订单录入与修改*/
        .orderBox{padding: 0 15px;box-sizing: border-box;overflow-x: hidden;}
        .orderBox,.orderContent,.enterAndmod,.order_entry,.entryAdd,.entryBox,.entryList{width: 100%;position: relative;overflow-x: hidden;}
        .orderContent{margin-top: 10px;padding-bottom: 10px;box-sizing: border-box;color: #333333;font-size: 14px;}
        .orderContent:before{content: '';position: absolute;width: 100%;height: 1px;background: #e5e5e5;bottom: 0;left: 0;}
        .orderNumber,.orderState,.orderClient,.orderTimeL,.orderTimeR{width: 100%;position: relative;padding: 2px 5px;box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
        .orderTxtBox{padding: 30px 0;box-sizing: border-box;color: #666666;font-size: 14px;}
        .orderTxt{letter-spacing: 2px;line-height: 1.8}

        /*录入订单与修改订单*/
        .order_entry{font-size: 16px;}
        .weui_cell{padding: 10px 15px;box-sizing: border-box;}
        .weui_label{font-size: 14px;color: #333333;}
        .weuis p,.weui_input {color: #096347;font-size: 14px;}
        .entryAdd{margin: 10px auto 0;width: 80%;display: flex;box-sizing: border-box;position: relative;font-size: 14px;border: 1px solid #e5e5e5;border-radius: 5px;}
        .entryAddL,.entryAddC,.entryAddR{background: white;padding: 5px 0;box-sizing: border-box;color: #333333;position: relative;}
        .entryAddL{flex: 1;text-align: center;}
        .entryAddC{flex: 1;text-align: center;}
        .entryAddR{flex: 1;text-align: center;}
        .entryAddL:before,.entryAddC:before{content: '';width: 1px;height:32px;background: #e5e5e5;position: absolute;right: 0;top: 0;}
        .entryAdd .active{background: #096347;color: white;}
        .entryBox,.entryBoxList{display: none;}
        .entryInput input{width: 100%;height: 34px;border: none;line-height: 34px;background: transparent;padding-left: 5px;box-sizing: border-box;font-size: 16px;font-weight: bold;}
        .clickBox{width: 100%;display: flex;position: relative;margin: 6px auto;text-align: center;}
        .clickBox:before{content: '';width: 100%;height:1px;background: #e5e5e5;position: absolute;left: 15px;top: -6px;}
        .clickBox:after{content: '';width: 100%;height:1px;background: #e5e5e5;position: absolute;left: 15px;bottom: -6px;}
        .clickBtn,.clickRet{position: relative;flex: 1;letter-spacing: 2px;color: #000000;text-align: center;border-radius: 5px;padding: 5px 10px;box-sizing: border-box;font-weight: normal;}
        .clickRet:before{content: '';width: 1px;height:35px;background: #e5e5e5;position: absolute;left: 0;top: 0;}

        /*tab切换*/
        .orderBtnBox{display: flex;width: 100%;position: fixed;bottom: 0;left: 0;text-align: center;padding: 10px;background: white;box-sizing: border-box;font-size: 14px;}
        .orderBtnBox:before{content: '';width: 100%;height: 1px;background: #e5e5e5;position: absolute;top: 0;left: 0;}
        .orderBtn{width: 28%;position: relative;color: #666666;background: #e8e8e8;text-align: center;border-radius: 5px;padding: 5px 10px;box-sizing: border-box;}
        .btn{margin: 0 8%;}
        .weui-navbar__item.weui-bar__item--on{background: #096347;color: white;}
        /*<!--投放账号/整案代发/其他收入列表-->*/
        .orderSynBox,.orderSynList,.order_weui_cell{width: 100%;position: relative;}
        .orderSynBox{margin-top: 10px;}
        .order_weui_cell{display: none;}
        .order_weui_cell:before{content: '';position: absolute;width: 100%;height: 1px;background: #e5e5e5;top: 0;left: 15px;}
        .order_img{width: 20px;height: 20px;position: absolute;right: 5px;}
        .order_img img{width: 100%;height: 100%;}
        .orderSynList{border: 1px solid #e5e5e5;border-radius: 5px;box-sizing: border-box;margin-bottom: 10px;}
        .orderSynList:last-child{margin-bottom: 0;}
        .orderSynList.active{box-shadow: 1px 3px 0 #e5e5e5;}
        .order_img.active{transform:rotate(90deg);}
        .weui_cell_ord .weui_cell_hd{display: flex;width: 100%;font-size: 14px;font-weight: bold;}
        .order_weui_cell .weui_input{color: #000000;}
        .weui_txt{flex: 1;}
    </style>
</head>
<body>
<div class="orderBox">
    <!-- 容器 -->
    <div class="weui-tab">
        <div class="weui-tab__bd">
            <!--weui-tab__bd-item&#45;&#45;active-->
            <div id="btnL" class="weui-tab__bd-item weui-tab__bd-item--active">
                <!--录入订单-->
                <div class="order_entry entry">
                    <!--订单信息-->
                    <div class="entryOrderBox">
                        <div class="entryBoxOrder">
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <label class="weui_label">订单总金额</label>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <input class="weui_input outfocus" type="number" placeholder="请输入订单总金额">
                                </div>
                            </div>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <label class="weui_label">订单日期</label>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <input class="weui_input choice dateTime" id="dateTime1" type="text" placeholder="-- 请选择 --">
                                </div>
                            </div>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <label class="weui_label">接单人</label>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <input class="weui_input outfocus" type="text" placeholder="请输入接单人">
                                </div>
                            </div>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <label class="weui_label">客户类型</label>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <input class="weui_input choice" type="text" placeholder="-- 请选择 --">
                                </div>
                            </div>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <label class="weui_label">客户名称</label>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <input class="weui_input choice" type="text" placeholder="-- 请选择 --">
                                </div>
                            </div>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <label class="weui_label">客户行业</label>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <input class="weui_input outfocus" type="text" placeholder="请输入客户行业">
                                </div>
                            </div>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <label class="weui_label">服务费</label>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <input class="weui_input outfocus" type="number" placeholder="请输入服务费">
                                </div>
                            </div>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <label class="weui_label">开票类型</label>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <input class="weui_input outfocus" type="text" placeholder="-- 请选择 --">
                                </div>
                            </div>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <label class="weui_label">公司税率</label>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <input class="weui_input outfocus" type="text" placeholder="请输入公司税率">
                                </div>
                            </div>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <label class="weui_label">税金</label>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <input class="weui_input outfocus" type="number" placeholder="请输入税金">
                                </div>
                            </div>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <label class="weui_label">合同(上传)</label>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <input class="weui_input outfocus" type="file" style="opacity: 0">
                                </div>
                            </div>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <label class="weui_label">订单备注</label>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <input class="weui_input outfocus" type="text" placeholder="请输入订单备注">
                                </div>
                            </div>
                        </div>
                        <!--提交订单按钮-->
                        <div class="clickBox">
                            <div class="clickBtn retBtn">提交</div>
                            <div class="clickRet sub">返回</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--底部切换-->
        <div class="weui-navbar orderBtnBox">
            <a class="weui-navbar__item orderBtn" href="./orderList.html">
                录入订单
            </a>
            <a class="weui-navbar__item orderBtn btn weui-bar__item--on" href="./updateOrder.html">
                修改订单
            </a>
            <a class="weui-navbar__item orderBtn" href="./cancelOrder.html">
                取消订单
            </a>
        </div>
    </div>
    <!--填充底部-->
    <div style="background: white;height: 51px;"></div>
</div>
</body>
</html>
<script src="./js/jquery-3.3.1.min.js"></script>
<script src="./js/jquery-weui.min.js"></script>
<script>
    $(document).ready(function(){
        $('.clickBtn').click(function () {
            window.location.href = "./updateOrder.html";
        })
        $('.clickRet').click(function () {
            window.location.href = "./updateOrder.html";
        })
    });
</script>